<template>
  <div style="position: relative;height: 100%;">
    <mdui-navigation-rail divider contained v-show="show.show">
      <mdui-button-icon icon="settings" slot="bottom"></mdui-button-icon>
      <mdui-navigation-rail-item @click="router.push('/')" icon="format_list_bulleted">班级数据</mdui-navigation-rail-item>
      <mdui-navigation-rail-item @click="router.push('/class')" icon="class">互动工具</mdui-navigation-rail-item>
      <mdui-navigation-rail-item @click="router.push('/tools')"
        icon="markunread_mailbox">工具箱</mdui-navigation-rail-item>
      <mdui-navigation-rail-item @click="router.push('/class-table')"
        icon="table_chart">电子课表</mdui-navigation-rail-item>

      <mdui-navigation-rail-item @click="router.push('/message')" icon="message">班级消息</mdui-navigation-rail-item>
      <mdui-navigation-rail-item @click="router.push('/peoples')" icon="people">班级成员</mdui-navigation-rail-item>


      <mdui-dropdown placement="right-start" >
        <mdui-navigation-rail-item slot="trigger" 
          icon="more">更多</mdui-navigation-rail-item>
        <mdui-menu style="height: 200px;overflow-y: auto;" class="scrollbar">
          <mdui-menu-item>文件收传</mdui-menu-item>
          <mdui-menu-item>值日表</mdui-menu-item>
          <mdui-menu-item>座位表</mdui-menu-item>
          <mdui-menu-item>手写板</mdui-menu-item>
          <mdui-menu-item>班级相册</mdui-menu-item>
          <mdui-menu-item></mdui-menu-item>
        </mdui-menu>
      </mdui-dropdown>
    </mdui-navigation-rail>

    <div style="height: 100%;overflow: auto" class="scrollbar">

      <RouterView />
    </div>
  </div>

</template>
<script setup>
import { RouterLink, RouterView, useRoute, useRouter } from 'vue-router'
import { ref } from 'vue'
let { meta } = useRoute()
const router = useRouter()
const show = ref(meta)
import { useIpcRenderer } from "@vueuse/electron";
const ipcRenderer = useIpcRenderer();

const msg = new BroadcastChannel('on_msg');
window.msg = msg;
</script>
<style scoped></style>
